<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/price.css" />
		<link rel="stylesheet" href="css/swiper-bundle.min.css" />
		<style>
			/* 轮播样式 */
			.swiper-container {
				width: 100%;
				height: 100%;
				--swiper-navigation-color: #D9D4D3;
				/* 单独设置按钮颜色 */
			}
			
			.banner-img{
				width:100%;
				height:16rem;
			}
			
			.swiper-button-prev {
				left: 2rem;
			}
			
			.swiper-button-next {
				 right: 2rem;
			}
		</style>
	</head>
	<body>
		<!-- 头部 -->
		<div class="head">
			<!-- 头部-logo -->
			<div class="first-logo">
				<div class="logo"><img src="./img/logo.png" /></div>
				<div class="conn-mobile">
					<div>莓农园-长丰草莓批发采购</div>
					<div>联系电话：<span>18949858240</span></div>
				</div>
				<!-- 导航button按钮 -->
				<div class="navbtn"><img src="img/navbtn.png" /></div>
			</div>
			<!-- 头部-菜单 -->
			<div class="menu">
				<ul>
					<li><a href="product.html">产品中心</a></li>
					<li><a href="index2.html">首页</a></li>
					<li><a href="article.html">关于我们</a></li>
					<li><a href="pifa.html">草莓批发</a></li>
					<li><a href="retail.html">零售采购</a></li>
					<li><a href="list.html">加盟代理</a></li>
					<li class="active"><a href="price.html">草莓采购</a></li>
					<li><a href="zhishi.html">草莓知识</a></li>
				</ul>
			</div>
			<div class="product-menu">
				<ul>
					<li>
						<div>红颜草莓</div>
						<ul>
							<li>大果</li>
							<li>中果</li>
							<li>小果</li>
						</ul>
					</li>
					<li>
						<div>红颜草莓</div>
						<ul>
							<li>大果</li>
							<li>中果</li>
							<li>小果</li>
						</ul>
					</li>
					<li>
						<div>红颜草莓</div>
						<ul>
							<li>大果</li>
							<li>中果</li>
							<li>小果</li>
						</ul>
					</li>
					<li>
						<div>红颜草莓</div>
						<ul>
							<li>大果</li>
							<li>中果</li>
							<li>小果</li>
						</ul>
					</li>
				</ul>
			</div>
			<!-- 头部-轮播图 -->
			<div class="swiper-container" id="swiper-banner">
				<div class="swiper-wrapper" id="swiper-wrapper">
					<div class="swiper-slide"><img src="img/banner.jpg" class="banner-img" /></div>
					<div class="swiper-slide"><img src="img/banner2.jpg" class="banner-img" /></div>
					<div class="swiper-slide"><img src="img/banner3.jpg" class="banner-img" /></div>
					<div class="swiper-slide"><img src="img/banner4.jpg" class="banner-img" /></div>
				</div>
				<!-- <div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div> -->
			</div>
			<!-- 头部-搜索框 -->
				<div class="search">
					<div class="first-line">
						<div class="search-child">
							<img src="img/marquee.png" />
							<div>网站公告：莓农园卡加上啊哈嘎哈嘎嘎</div>
						</div>
						<div class="search-child">
							<div><input type="text" placeholder="请输入关键词" value="" /></div>
							<img src="img/search.png" />
						</div>
					</div>
				</div>
		</div>
		<!-- 中间部分 -->
		<div class="content">
			<!-- 第一行左边 -->
			<div class="first-left">
				<h2>每日批发价格<a href="#">更多>></a></h2>
				<dl>
					<dt><img src="img/pf1.png" /></dt>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>21222222222</dd>
				</dl>
				<dl>
					<dt><img src="img/shaozi.png" /></dt>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
				</dl>
			</div>
			<!-- 第一行右边 -->
			<div class="first-right">
				<h2>热点资讯</h2>
				<ul>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
				</ul>
			</div>
			<!-- 第二行左边 -->
			<div class="first-left second-left">
				<h2>每日草莓价格<a href="#">更多>></a></h2>
				<dl>
					<dt><img src="img/pf1.png" /></dt>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>21222222222</dd>
				</dl>
				<dl>
					<dt><img src="img/shaozi.png" /></dt>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
					<dd>2021年1月10日长丰草莓批发价格</dd>
				</dl>
			</div>
			<!-- 第二行右边 -->
			<div class="second-right">
				<h2>零售采购</h2>
				<dl>
					<dt><img src="img/caomei1.png" /></dt>
					<dd>问题1111111111111111</dd>
					<dd class="color">85元<span>购买</span></dd>
				</dl>
				<dl>
					<dt><img src="img/caomei1.png" /></dt>
					<dd>问题1111111111111111</dd>
					<dd class="color">85元<span>购买</span></dd>
				</dl>
				<dl>
					<dt><img src="img/caomei1.png" /></dt>
					<dd>问题1111111111111111</dd>
					<dd class="color">85元<span>购买</span></dd>
				</dl>
				<dl>
					<dt><img src="img/caomei1.png" /></dt>
					<dd>问题1111111111111111</dd>
					<dd class="color">85元<span>购买</span></dd>
				</dl>
			</div>
			<!-- 第三行第一个模块 -->
			<div class="third-left">
				<h2>每日草莓价格<a href="#">更多>></a></h2>
				<ul>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
				</ul>
			</div>
			<!-- 第三行第二个模块 -->
			<div class="third-left">
				<h2>批发价格资讯<a href="#">更多>></a></h2>
				<ul>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
					<li>2021年1月10日长丰草莓批发价格</li>
				</ul>
			</div>
			<!-- 第三行右边 -->
			<div class="first-right">
				<h2>草莓知识</h2>
				<ul>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
					<li>问题1111111111111111</li>
				</ul>
			</div>
		</div>
		<!-- 尾部 -->
			<style type="text/css">
				/* 底部样式---整改 */
				.foot .introduce{
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin: 2rem 0;
				}
				.foot .introduce img{
					width: 14rem;
					height: 10rem;
				}
				.foot .introduce img:last-child{
					width: 11rem;
				}
				.foot .conn-wx {
					display: flex;
					justify-content: space-between;
				}
			</style>
			<div class="foot">
				<div class="foot-menu">
					<div class="tan">
						<div class="quick">
							<div>快速入口</div>
							<ul>
								<li>草莓批发价格</li>
								<li>草莓零售价格</li>
								<li>长丰草莓批发</li>
								<li>长丰草莓代理</li>
								<li>长丰草莓加盟</li>
							</ul>
						</div>
						<div class="quick">
							<div>热门频道</div>
							<ul>
								<li>草莓资讯</li>
								<li>草莓知识</li>
								<li>莓农新闻</li>
								<li>草莓种植</li>
								<li>草莓加盟</li>
							</ul>
						</div>
						<div class="quick">
							<div>热点咨讯</div>
							<ul>
								<li>草莓资讯</li>
								<li>草莓知识</li>
								<li>市场行情</li>
							</ul>
						</div>
					</div>
					<div class="introduce">
						<img src="img/logo-bottom.png" />
						<img src="img/code.png" />
					</div>
					<ul class="conn-wx">
						<li>联系电话：15588565013</li>
						<li>微信：15588565013</li>
					</ul>
				</div>
				<div class="beian">CopyRight 2019-2021 合肥莓农商贸</div>
			</div>
		</div>
	</body>
	<script src="js/swiper-bundle.min.js"></script>
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/all.js"></script>
</html>
